<section id="evaluate">
    <div class="anitOut" id="anitOut"></div>
    <div class="container">
        <div class="evaluate-box clearfix">
            <ul class="evaluate-cel fl">
                <li class="evaluate-panel evaluate-item ev-l-1" th:with="info=${hotInfoList.get(0)}" >
                    <a th:href="@{${'/post/view/'+info.id}}" class="evaluate-item-img">
                        <img width="570px" height="345px" src="http://placehold.it/570x345" th:alt="${info.title}"
                        th:src="${@staticResourceUrlProcessor.replaceUrlWithCDNUrl(((info.snapshot != null)? info.snapshot.original : 'http://placehold.it/80x50'),false)+'!570x345'}"/>
                    </a>
                    <p class="evaluate-label"><span th:remove="tag" th:if="${info.sourceWebsite != null}" th:text="${'【' +info.sourceWebsite + '】'}">来自英国的报道</span></p>
                    <h3><a href="#" th:href="@{${'/post/view/'+info.id}}" th:text="${info.title}">坚硬的外表，灵图的心——世界上18号字，80%黑</a></h3>
                    <div class="relate-opera">
                        <span><a th:href="@{${'/users/' + info.author.id}}"><i class="fa fa-user"></i><span th:remove="tag" th:text="${info.author.name}">打不死的小强</span></a></span>
                        <!--/*-->
                        <span><a href="#"><i class="fa fa-clock-o"></i><span th:remove="tag" th:text="${#strings.substring(info.created,0,10)}">06-01</span></a></span>
                        <span><a href="#"><i class="fa fa-eye"></i><span th:remove="tag" th:text="${info.views + '浏览'}">459浏览</span></a></span>
                        <!--*/-->                        
                        <span><i class="fa fa-clock-o"></i><span th:remove="tag" th:text="${#strings.substring(info.created,0,10)}">06-01</span></span>
                        <span><i class="fa fa-eye"></i><span th:remove="tag" th:text="${info.views + '浏览'}">459浏览</span></span>
                    </div>
                    <div class="evaluate-item-detail fixText" fx="limit" num="100" th:utext="${@previewHtmlUtils.truncateHTML(info.summary,300)}">
                        为期两天的DARPA机器人挑战赛决赛于6月5号拉开了序幕。范客生活网美国观察员James独家获悉了为争夺200万美金奖金而进行救生赛的24位机器人参赛者的信息。
                    </div>
                </li>
                <li class="evaluate-panel evaluate-item ev-l-last" th:with="info=${hotInfoList.get(1)}" >
                    <a th:href="@{${'/post/view/'+info.id}}" class="evaluate-item-img">
                        <img width="290px" height="170px"  th:alt="${info.title}" src="http://placehold.it/570x345" 
                        th:src="${@staticResourceUrlProcessor.replaceUrlWithCDNUrl(((info.snapshot != null)? info.snapshot.original : 'http://placehold.it/80x50'),false)+'!290x170'}"/>
                    </a>
                    <p class="evaluate-label"><span th:remove="tag" th:if="${info.sourceWebsite != null}" th:text="${'【' +info.sourceWebsite + '】'}">来自英国的报道</span></p>
                    <h3><a href="#" th:href="@{${'/post/view/'+info.id}}" th:text="${info.title}">坚硬的外表，灵图的心——世界上18号字，80%黑</a></h3>
                    <div class="relate-opera">
                        <span><a th:href="@{${'/users/' + info.author.id}}"><i class="fa fa-user"></i><span th:remove="tag" th:text="${info.author.name}">打不死的小强</span></a></span>
                        <!--/*-->
                        <span><a href="#"><i class="fa fa-clock-o"></i><span th:remove="tag" th:text="${#strings.substring(info.created,0,10)}">06-01</span></a></span>
                        <span><a href="#"><i class="fa fa-eye"></i><span th:remove="tag" th:text="${info.views + '浏览'}">459浏览</span></a></span>
                        <!--*/-->                        
                        <span><i class="fa fa-clock-o"></i><span th:remove="tag" th:text="${#strings.substring(info.created,0,10)}">06-01</span></span>
                        <span><i class="fa fa-eye"></i><span th:remove="tag" th:text="${info.views + '浏览'}">459浏览</span></span>
                    </div>
                    <div class="evaluate-item-detail fixText" fx="limit" num="45" th:utext="${@previewHtmlUtils.truncateHTML(info.summary,300)}">
                        为期两天的DARPA机器人挑战赛决赛于6月5号拉开了序幕。范客生活网美国观察员James独家获悉了为争夺200万美金奖金而进行救生赛的24位机器人参赛者的信息。
                    </div>
                </li>
            </ul>
            <ul class="evaluate-cel fr">
                <li class="evaluate-panel evaluate-item ev-l-2" th:with="info=${hotInfoList.get(2)}" >
                    <a th:href="@{${'/post/view/'+info.id}}" class="evaluate-item-img">
                        <img width="290px" height="170px" src="http://placehold.it/570x345" 
                        th:src="${@staticResourceUrlProcessor.replaceUrlWithCDNUrl(((info.snapshot != null)? info.snapshot.original : 'http://placehold.it/80x50'),false)+'!290x170'}"/>
                    </a>
                    <p class="evaluate-label"><span th:remove="tag" th:if="${info.sourceWebsite != null}" th:text="${'【' +info.sourceWebsite + '】'}">来自英国的报道</span></p>
                    <h3><a href="#" th:href="@{${'/post/view/'+info.id}}" th:text="${info.title}">坚硬的外表，灵图的心——世界上18号字，80%黑</a></h3>
                    <div class="relate-opera">
                        <span><a th:href="@{${'/users/' + info.author.id}}"><i class="fa fa-user"></i><span th:remove="tag" th:text="${info.author.name}">打不死的小强</span></a></span>
                        <!--/*-->
                        <span><a href="#"><i class="fa fa-clock-o"></i><span th:remove="tag" th:text="${#strings.substring(info.created,0,10)}">06-01</span></a></span>
                        <span><a href="#"><i class="fa fa-eye"></i><span th:remove="tag" th:text="${info.views + '浏览'}">459浏览</span></a></span>
                        <!--*/-->                        
                        <span><i class="fa fa-clock-o"></i><span th:remove="tag" th:text="${#strings.substring(info.created,0,10)}">06-01</span></span>
                        <span><i class="fa fa-eye"></i><span th:remove="tag" th:text="${info.views + '浏览'}">459浏览</span></span>
                    </div>
                    <div class="evaluate-item-detail fixText" fx="limit" num="45" th:utext="${@previewHtmlUtils.truncateHTML(info.summary,300)}">
                        为期两天的DARPA机器人挑战赛决赛于6月5号拉开了序幕。范客生活网美国观察员James独家获悉了为争夺200万美金奖金而进行救生赛的24位机器人参赛者的信息。
                    </div>
                </li>
                <li class="evaluate-panel evaluate-item ev-l-2" th:with="info=${hotInfoList.get(3)}" >
                    <a th:href="@{${'/post/view/'+info.id}}" class="evaluate-item-img">
                        <img width="290px" height="170px" src="http://placehold.it/570x345" 
                        th:src="${@staticResourceUrlProcessor.replaceUrlWithCDNUrl(((info.snapshot != null)? info.snapshot.original : 'http://placehold.it/80x50'),false)+'!290x170'}"/>
                    </a>
                    <p class="evaluate-label"><span th:remove="tag" th:if="${info.sourceWebsite != null}" th:text="${'【' +info.sourceWebsite + '】'}">来自英国的报道</span></p>
                    <h3><a href="#" th:href="@{${'/post/view/'+info.id}}" th:text="${info.title}">坚硬的外表，灵图的心——世界上18号字，80%黑</a></h3>
                    <div class="relate-opera">
                        <span><a th:href="@{${'/users/' + info.author.id}}"><i class="fa fa-user"></i><span th:remove="tag" th:text="${info.author.name}">打不死的小强</span></a></span>
                        <!--/*-->
                        <span><a href="#"><i class="fa fa-clock-o"></i><span th:remove="tag" th:text="${#strings.substring(info.created,0,10)}">06-01</span></a></span>
                        <span><a href="#"><i class="fa fa-eye"></i><span th:remove="tag" th:text="${info.views + '浏览'}">459浏览</span></a></span>
                        <!--*/-->                        
                        <span><i class="fa fa-clock-o"></i><span th:remove="tag" th:text="${#strings.substring(info.created,0,10)}">06-01</span></span>
                        <span><i class="fa fa-eye"></i><span th:remove="tag" th:text="${info.views + '浏览'}">459浏览</span></span>
                    </div>
                    <div class="evaluate-item-detail fixText" fx="limit" num="45" th:utext="${@previewHtmlUtils.truncateHTML(info.summary,300)}">
                        为期两天的DARPA机器人挑战赛决赛于6月5号拉开了序幕。范客生活网美国观察员James独家获悉了为争夺200万美金奖金而进行救生赛的24位机器人参赛者的信息。
                    </div>
                </li>
                <li class="evaluate-panel evaluate-item ev-l-3" th:with="info=${hotInfoList.get(4)}" >
                    <a th:href="@{${'/post/view/'+info.id}}" class="evaluate-item-img">
                        <img width="265px" height="136px" src="http://placehold.it/570x345"
                         th:src="${@staticResourceUrlProcessor.replaceUrlWithCDNUrl(((info.snapshot != null)? info.snapshot.original : 'http://placehold.it/80x50'),false)+'!265x136'}"/>
                    </a>
                    <p class="evaluate-label"><span th:remove="tag" th:if="${info.sourceWebsite != null}" th:text="${'【' +info.sourceWebsite + '】'}">来自英国的报道</span></p>
                    <h3><a href="#" th:href="@{${'/post/view/'+info.id}}" th:text="${info.title}">坚硬的外表，灵图的心——世界上18号字，80%黑</a></h3>
                    <div class="relate-opera">
                        <span><a th:href="@{${'/users/' + info.author.id}}"><i class="fa fa-user"></i><span th:remove="tag" th:text="${info.author.name}">打不死的小强</span></a></span>
                        <!--/*-->
                        <span><a href="#"><i class="fa fa-clock-o"></i><span th:remove="tag" th:text="${#strings.substring(info.created,0,10)}">06-01</span></a></span>
                        <span><a href="#"><i class="fa fa-eye"></i><span th:remove="tag" th:text="${info.views + '浏览'}">459浏览</span></a></span>
                        <!--*/-->                        
                        <span><i class="fa fa-clock-o"></i><span th:remove="tag" th:text="${#strings.substring(info.created,0,10)}">06-01</span></span>
                        <span><i class="fa fa-eye"></i><span th:remove="tag" th:text="${info.views + '浏览'}">459浏览</span></span>
                    </div>
                    <div class="evaluate-item-detail fixText" fx="limit" num="40" th:utext="${@previewHtmlUtils.truncateHTML(info.summary,300)}">
                        为期两天的DARPA机器人挑战赛决赛于6月5号拉开了序幕。范客生活网美国观察员James独家获悉了为争夺200万美金奖金而进行救生赛的24位机器人参赛者的信息。
                    </div>
                </li>
                <li class="evaluate-panel evaluate-item ev-l-3 ev-l-last" th:with="info=${hotInfoList.get(5)}" >
                    <a th:href="@{${'/post/view/'+info.id}}" class="evaluate-item-img">
                        <img src="http://placehold.it/570x345"  width="265px" height="136px" 
                         th:src="${@staticResourceUrlProcessor.replaceUrlWithCDNUrl(((info.snapshot != null)? info.snapshot.original : 'http://placehold.it/80x50'),false)+'!265x136'}"/>
                    </a>
                    <p class="evaluate-label"><span th:remove="tag" th:if="${info.sourceWebsite != null}" th:text="${'【' +info.sourceWebsite + '】'}">来自英国的报道</span></p>
                    <h3><a href="#" th:href="@{${'/post/view/'+info.id}}" th:text="${info.title}">坚硬的外表，灵图的心——世界上18号字，80%黑</a></h3>
                    <div class="relate-opera">
                        <span><a th:href="@{${'/users/' + info.author.id}}"><i class="fa fa-user"></i><span th:remove="tag" th:text="${info.author.name}">打不死的小强</span></a></span>
                        <!--/*-->
                        <span><a href="#"><i class="fa fa-clock-o"></i><span th:remove="tag" th:text="${#strings.substring(info.created,0,10)}">06-01</span></a></span>
                        <span><a href="#"><i class="fa fa-eye"></i><span th:remove="tag" th:text="${info.views + '浏览'}">459浏览</span></a></span>
                        <!--*/-->                        
                        <span><i class="fa fa-clock-o"></i><span th:remove="tag" th:text="${#strings.substring(info.created,0,10)}">06-01</span></span>
                        <span><i class="fa fa-eye"></i><span th:remove="tag" th:text="${info.views + '浏览'}">459浏览</span></span>
                    </div>
                    <div class="evaluate-item-detail fixText" fx="limit" num="35" th:utext="${@previewHtmlUtils.truncateHTML(info.summary,300)}">
                        为期两天的DARPA机器人挑战赛决赛于6月5号拉开了序幕。范客生活网美国观察员James独家获悉了为争夺200万美金奖金而进行救生赛的24位机器人参赛者的信息。
                    </div>
                </li>
            </ul>
        </div>
        <div class="evaluate-more">
            <a th:href="@{/news/list}">更多全球资讯</a>
        </div>
    </div>
</section>
<script th:src="@{/src/js/cav.js}"></script>
<script th:src="@{/src/js/cav.getStart.js}"></script>
